<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>订单详情</title>


    <link rel="stylesheet" type="text/css" th:href="@{/css/index.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/myceair.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/customerinfo.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/ordershow.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/ordershowdetail.css}">
    <script type="text/javascript" th:src="@{/My97DatePicker/WdatePicker.js}"></script>
</head>
<body>
<!--header-->
<header id="header">
    <hgroup>

        <address class="text blue">
            <p style="font-size: 15px">欢迎您，<span th:text="${session.customer.username}"></span>&nbsp;&nbsp;<a th:href="@{/home/logout}" style="color: #fff">退出</a></p>
        </address>

        <div class="clear"></div>
    </hgroup>
</header>
<!--end header-->

<!--menu-->
<menu id="menu">
    <nav style="margin-top: -12;">
        <ul class="menu_index">
            <a th:href="@{/home/customerinfo}">
                <li id="menu-myceair"
                    class="current">我的信息<i></i></li>
            </a>
            <a href="/home/index">
                <li id="menu-booking">预订行程<i></i></li>
            </a>
        </ul>
    </nav>
</menu>
<!--end content-->

<!-- 第一个下拉菜单 -->
<section class="menu-dropdown" id="dropdown-booking" style="height:540px;">
    <hgroup id="booking" style="min-height:410px;" margin:0 auto;>
        <article id="tabTicket" class="b_content block">
            <div id="main-area" style="min-height: 520px">
                <div class="position gray">
                    您的位置：<a href="index.jsp">首页</a> &gt;
                    <h1>我的东航</h1>
                </div>
                <div class="myceair">
                    <div class="left">
                        <div class="home"></div>

                        <div class="menu font14 bold m1">
                            <a th:href="@{/home/customerinfo}">个人信息</a>
                        </div>

                        <div class="menu font14 bold m2">
                            <a th:href="@{/home/myorder}">机票订单</a>
                        </div>
                        <div class="child"></div>
                        <div class="menu font14 bold m9">
                            <a th:href="@{/home/editcustomerpassword}">更改密码</a>
                        </div>
                    </div>
                    <div class="right" style="padding-left: 0px;">
                        <div class="personal_info" id="switch">
                            <div class="body">
                                <article class="dataList noborder">
                                    <mark
                                            class="icon shadowLeft"></mark>
                                    <mark class="icon shadowRight"></mark>
                                    <ul class="passengerHead">
                                        <li class="name">机票信息</li>

                                    </ul>
                                    <div class="detail">
                                        <div class="basic" style="">
                                            <div class="text">
                                                <dl>
                                                    <dt>姓名</dt>
                                                    <dd><span th:text="${realName}"></span></dd>

                                                    <dt>手机号码</dt>
                                                    <dd><span th:text="${phone}"></span></dd>
                                                </dl>
                                                <dl>
                                                    <dt>证件类型</dt>
                                                    <dd>身份证</dd>
                                                    <dt>证件号码</dt>
                                                    <dd><span th:text="${idNumber}"></span></dd>
                                                </dl>
                                            </div>
                                            <div class="jiage" style="margin-top:-25px">
                                                <p>
                                                    <mark class="icon personalPrice"></mark>
                                                    <span class="price normal red">￥
                                                    <span th:text="${price}"></span>
                                                    </span>
                                                </p>
                                                <p>
                                                    <u>机票<br>￥
                                                    <span th:text="${price}"></span>
                                                    <!--</u><u insureprice="20">保险<br>￥ 20
                                                </u><u>税费<br>￥ 120
                                                </u>-->
                                                </p>
                                            </div>
                                            <div class="clear"></div>
                                        </div>
                                        <section class="travelSection" style="">
                                            <div class="box" name="AIR" style="margin-rigth:25px;">
                                                <div class="body" style="margin-top:1px;">
                                                    <div class="flight">
                                                        <dl class="f1">
                                                            航空公司：<span th:text="${flight.models.company.name}"></span>
                                                            <br>航班号&nbsp;&nbsp;&nbsp;：<span th:text="${flight.models.modelsNo}"></span>
                                                            <br>舱&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;位：
                                                            <span th:text="${seatType}"></span>
                                                        </dl>
                                                        <dl class="f2">
                                                            <dt>
                                                                <b><span th:text="${flight.startPlace}"></b>
                                                                <time>
                                                                    <span th:text="${#dates.format(flight.startDate, 'HH:mm')}"></span>
                                                                </time>
                                                                <span th:text="${#dates.format(flight.startDate, 'yyyy-MM-dd')}"></span>
                                                                <br>
                                                                <span th:text="${flight.startAirport}">
                                                            </dt>

                                                            <dt class="time">
                                                                <mark class="icon owBig"></mark>

                                                            </dt>

                                                            <dt class="l">
                                                                <b><span th:text="${flight.endPlace}"></b>
                                                                <time>
                                                                    <span th:text="${#dates.format(flight.endDate, 'HH:mm')}"></span>
                                                                </time>
                                                                <span th:text="${#dates.format(flight.endDate, 'yyyy-MM-dd')}"></span>
                                                                <br>
                                                                <span th:text="${flight.endAirport}">
                                                            </dt>
                                                        </dl>
                                                        <div class="clear"></div>
                                                    </div>

                                                </div>
                                            </div>
                                        </section>
                                    </div>
                                    <div class="clear"></div>
                                </article>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </article>
    </hgroup>
</section>
<div class="bottom_banner">
<!--    <img src="http://pic.c-ctrip.com/vacation_v2/bottom_banner1.jpg"-->
<!--         class="bottom_banner_l" alt="吉祥航空" width="353" height="111"><img-->
<!--        src="http://pic.c-ctrip.com/vacation_v2/bottom_banner2.jpg"-->
<!--        class="bottom_banner_m" alt="瑞士国际航空公司" width="280" height="111"><img-->
<!--        src="http://pic.c-ctrip.com/vacation_v2/bottom_banner3.jpg"-->
<!--        class="bottom_banner_r" alt="日本航空" width="356" height="111">-->
</div>

</body>
</html>



